﻿<%@ page language="java" pageEncoding="UTF-8"
	errorPage="/ui/defaultException.jsp"%>
<%@include file="/ui/tags.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>${featureItem.name}</title>
    <meta name="keywords" content="${featureItem.zhname},${featureItem.enname}" />
    <meta name="description" content="${featureItem.summary }" />
   <%@include file="/ui/mobile/head.jsp"%>
   <script type="text/javascript" src="${cpath}/resources/mobile/js/jquery.imgresize.js"></script>
</head>
<body>
    <div class="page">
        <div class="page-top">
           <div class="page-top-left">
                <a href="${cpath}/mobile/home.do?action=listFeatureItems&pageNum=1&featureCategoryId=${feature.featureCategoryId}">
                    <img src="${cpath}/resources/mobile/img/icon/back.png" height="35" /></a>
            </div>
            <div class="page-top-center">${feature.zhname }</div>
            <div class="page-top-right"  style="display: none">
                <a href="action://share" onclick="showShare()">
                    <img src="${cpath}/resources/mobile/img/icon/l.png" height="35" /></a>
            </div>
        </div>
        <div class="page-content">
            <div class="clear">
            </div>
            <div class="hotel-img">
                <img src="${image_domain }${featureItem.source}${featureItem.normal}" />
            </div>
            <div class="hotel-title">${featureItem.name}</div>
            <div class="hotel-remark">${featureItem.content }</div>
            <div class="click-load">
            	<a href = "javascript:void(0)" onclick="$('.hotel-remark').css('height','auto');$('.click-load').remove();">
            		查看更多
            		<img src="${cpath}/resources/mobile/img/icon/down.png">
            	</a>
            </div>
            <c:if test="${ !empty samilarFeatureItems }">
            <div class="hotel-news hotel-commend">
                <div class="comment-news">
                    <div class="hotel-news-title">
	                    <div class="hotel-news-title-line">
	                        <div class="title-line">
	                        </div>
	                        <div class="hotel-news-title-name-w">
	                            <div class="hotel-news-title-name">可能喜欢&nbsp;&gt;</div>
	                        </div>
	                    </div>
                	</div>
                    <div class="comment-news-inner">
                    	<c:forEach var="item" items="${samilarFeatureItems }">
                        <div class="comment-news-l">
                            <div class="comment-news-l-img" img-resize="true">
                                <a href="${cpath }/mobile/dest.do?action=navFeatureItem&featureItemId=${item.featureItemId}">
                                    <img src="${image_domain }${item.source}${item.small}"></a>
                            </div>
                            <div class="comment-news-l-title">
                                <a href="${cpath }/mobile/dest.do?action=navFeatureItem&featureItemId=${item.featureItemId}">${item.name }</a>
                            </div>
                            <div class="comment-news-l-line">
                                <hr>
                            </div>
                            <div class="comment-news-l-remark">
                                <a href="${cpath }/mobile/dest.do?action=viewFeatureItem&featureItemId=${item.featureItemId}">${item.summary }</a>
                            </div>
                        </div>
                        </c:forEach>
                        <div class="clear">
                        </div>
                    </div>
                </div>
                <div class="clear">
                </div>
            </div>
            </c:if>
        </div>
    </div>
    <%@include file="/ui/mobile/share.jsp"%>
    <script type="text/javascript">
    	var title = "${featureItem.name}";
    	var data = $('.hotel-remark').text();
    	var imgs = [];
    	$("img", $('.hotel-img')).each(function(){
    		var img = window.location.protocol +"//" + window.location.host + $(this).attr('src');
    		imgs.push(img);
    	});
    	bindShareAction(title,data,imgs);
    </script>
     <%@include file="/ui/mobile/footer.jsp"%>
</body>
</html>
